<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格标签</title>
</head>

<body>
    <!-- 表格的组成
        caption 标题
        thead   只有在thead里面有th
        tbody
        tfoot
        tr  row 
        th 默认字体加粗 默认居中
        cellspacing 单元格与单元格的距离
        cellpadding 单元格与文本的距离-->
    <table border="1" style="border-color: aquamarine;" cellspacing="0" cellpadding="10">
        <caption>水果价格列表</caption>
        <thead>
            <tr>
                <th>NO</th>
                <th>fruit</th>
                <th>price</th>
                <th>number</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1001</td>
                <td align="center">apple</td>
                <td align="center">$2</td>
                <td align="center">8</td>
            </tr>
            <tr>
                <td align="center">1002</td>
                <td align="center">pear</td>
                <td align="center">$5</td>
                <td align="center">10</td>
            </tr>
        </tbody>
        <tfoot>
            <!-- <tr>
                <td></td>
            </tr> -->
        </tfoot>
    </table>
</body>

</html>